<script setup lang="ts">
import { ref } from 'vue'
import CollapsiblePanel from './common/CollapsiblePanel.vue'
import ToggleButton from './common/ToggleButton.vue'
import InputField from './common/InputField.vue'
import CopyToClipboard from './common/CopyToClipboard.vue'

// 导入公共样式


// 定义props
const props = defineProps<{
  landType: string
}>()

// 表单数据状态定义
const singleLocationForm = ref({
  转用总面积: '',
  农用地面积: '',
  未利用地面积: '',
  列入重大项目清单: '否',
  重大项目层级: '',
  涉及违法用地: '否',
  违法总面积: '',
  违法农用地: '',
  违法未利用地: '',
  违法指标来源: '',
  剩余总面积: '',
  剩余农用地: '',
  剩余未利用地: '',
  县名称: '',
  指标类型: ''
})

const batchLandForm = ref({
  转用总面积: '',
  农用地面积: '',
  未利用地面积: '',
  使用专项计划: '否',
  专项指标类型: '',
  县名称: ''
})

// 存储复制的文本用于显示
// copiedText is removed as it's not being used

// 生成要复制的文本
const generateCopyText = (): string => {
  let paragraph: string = ''
  
  if (props.landType === 'single') {
    // 构建单独选址的自然段落
    paragraph = `〔土地利用计划〕\n项目用地符合土地利用计划管理规定。该项目用地中${singleLocationForm.value.转用总面积}公顷。`
    paragraph += `（农用地${singleLocationForm.value.农用地面积}公顷、未利用地${singleLocationForm.value.未利用地面积}公顷）需转为建设用地。\n\n`
    
    if (singleLocationForm.value.列入重大项目清单 === '是') {
      if (singleLocationForm.value.涉及违法用地 === '是') {
        paragraph += `已列入${singleLocationForm.value.重大项目层级}人民政府重大项目用地清单，因涉及违法用地${singleLocationForm.value.违法总面积}公顷（农用地${singleLocationForm.value.违法农用地}公顷、未利用地${singleLocationForm.value.违法未利用地}公顷），\n`
        paragraph += `按照年度计划管理文件要求，涉及违法用地的${singleLocationForm.value.违法总面积}公顷使用${singleLocationForm.value.违法指标来源}；\n`
        paragraph += `剩余部分${singleLocationForm.value.剩余总面积}公顷（农用地${singleLocationForm.value.剩余农用地}公顷、未利用地${singleLocationForm.value.剩余未利用地}公顷），\n`
        paragraph += `申请由国家配置计划。`
      } else {
        paragraph += `已列入${singleLocationForm.value.重大项目层级}人民政府重大项目用地清单，申请由国家配置计划。`
      }
    } else {
      paragraph += `未列入国家重大项目清单和省级人民政府重大项目用地清单，\n`
      paragraph += `按规定使用${singleLocationForm.value.县名称}本年度存量土地处置规模为基础核定的${singleLocationForm.value.指标类型}。`
    }
  } else {
    // 构建批次用地的自然段落
    paragraph = `〔土地利用计划〕\n该批次用地符合土地利用计划管理规定。\n`
    paragraph += `批次用地中${batchLandForm.value.转用总面积}公顷（农用地${batchLandForm.value.农用地面积}公顷、未利用地${batchLandForm.value.未利用地面积}公顷）需转为建设用地，\n\n`
    
    if (batchLandForm.value.使用专项计划 === '是') {
      paragraph += `使用${batchLandForm.value.专项指标类型}。`
    } else {
      paragraph += `按规定使用${batchLandForm.value.县名称}以本年度存量土地处置规模为基础核定的计划指标。`
    }
  }
  
  return paragraph
}
</script>

<template>
  <div>
    <h1 class="text-3xl font-bold text-blue-700 text-center mb-6">计划指标单元</h1>
    
    <!-- 文件原文（可折叠） -->
    <CollapsiblePanel title="文件原文">
      <div class="mb-4">
        <h3 class="font-semibold text-gray-700 mb-2">一、业务指导处室</h3>
        <p class="text-gray-600">国土空间用途管制处</p>
      </div>
      
      <div>
        <h3 class="font-semibold text-gray-700 mb-2">二、审查标准</h3>
        <ol class="list-decimal pl-5 text-gray-600 space-y-2">
          <li>土地利用计划指标安排应符合自然资源部和省自然资源厅年度土地利用计划管理规定。</li>
        </ol>
      </div>
    </CollapsiblePanel>
    
    <!-- 审查内容模板（常驻显示） -->
    <div class="border border-gray-200 rounded-lg shadow mb-6 bg-white text-left">
      <div class="bg-gray-50 p-4 border-b">
        <h2 class="text-xl font-semibold text-gray-800">三、审查内容模板</h2>
      </div>
      
      <div class="p-4">
        
        <!-- 单独选址模板 -->
        <div v-if="props.landType === 'single'">
          <h3 class="text-lg font-semibold text-gray-800 mb-3">(一)单独选址</h3>
          <div class="text-gray-700 space-y-3">
            <p>〔土地利用计划〕</p>
            <!-- 内容块1 -->
            <div class="section-block blue">
                <p>项目用地符合土地利用计划管理规定。该项目用地中
                  <InputField v-model="singleLocationForm.转用总面积" type="number" step="0.01" min="0" placeholder="面积" />
                  公顷（农用地
                  <InputField v-model="singleLocationForm.农用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                  公顷、未利用地
                  <InputField v-model="singleLocationForm.未利用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                  公顷）需转为建设用地。</p>
            </div>
            <!-- 条件判断选择区域 -->
            <div class="section-block green">
              <!-- 是否列入国家/省重大项目清单 -->
              <div class="flex items-center">
                <ToggleButton 
                  v-model="singleLocationForm.列入重大项目清单" 
                  :options="[
                    { label: '是', value: '是' },
                    { label: '否', value: '否' }
                  ]" 
                />
                <label class="section-label red ml-2">是否列入国家/省重大项目清单：</label>
              </div>
              <!-- 是否涉及违法用地 -->
              <div class="flex items-center">
                <ToggleButton 
                  v-model="singleLocationForm.涉及违法用地" 
                  :options="[
                    { label: '是', value: '是' },
                    { label: '否', value: '否' }
                  ]" 
                />
                <label class="section-label red ml-2">是否涉及违法用地：</label>
              </div>
            </div>
            
            <!-- 如果列入重大项目清单 -->
            <div v-if="singleLocationForm.列入重大项目清单 === '是'" class="my-4">
              <!-- 是否涉及违法用地 -->
              <div class="my-4">
                <!-- 如果涉及违法用地 -->
                <div v-if="singleLocationForm.涉及违法用地 === '是'" class="ml-4 pl-4 text-blue-800">
                  <p class="mb-3">已列入
                    <InputField v-model="singleLocationForm.重大项目层级" placeholder="层级" width="w-28" />
                    人民政府重大项目用地清单，因涉及违法用地
                    <InputField v-model="singleLocationForm.违法总面积" type="number" step="0.01" min="0" placeholder="面积" />
                    公顷（农用地
                    <InputField v-model="singleLocationForm.违法农用地" type="number" step="0.01" min="0" placeholder="面积" />
                    公顷、未利用地
                    <InputField v-model="singleLocationForm.违法未利用地" type="number" step="0.01" min="0" placeholder="面积" />
                    公顷），</p>
                  <p class="mb-3">按照年度计划管理文件要求，涉及违法用地的
                    <InputField v-model="singleLocationForm.违法总面积" type="number" step="0.01" min="0" placeholder="面积" />
                    公顷使用
                    <InputField v-model="singleLocationForm.违法指标来源" placeholder="指标来源" width="w-40" />
                    ；</p>
                  <p class="mb-3">剩余部分
                    <InputField v-model="singleLocationForm.剩余总面积" type="number" step="0.01" min="0" placeholder="面积" />
                    公顷（农用地
                    <InputField v-model="singleLocationForm.剩余农用地" type="number" step="0.01" min="0" placeholder="面积" />
                    公顷、未利用地
                    <InputField v-model="singleLocationForm.剩余未利用地" type="number" step="0.01" min="0" placeholder="面积" />
                    公顷），</p>
                  <p>申请由国家配置计划。</p>
                </div>
              
                <!-- 如果不涉及违法用地 -->
                <div v-else class="ml-4 text-blue-800">
                  <p>已列入
                    <InputField v-model="singleLocationForm.重大项目层级" placeholder="层级" width="w-28" />
                    人民政府重大项目用地清单，申请由国家配置计划。</p>
                </div>
              </div>
            </div>
            
            <!-- 如果未列入重大项目清单 -->
            <div v-else class="ml-4 pl-4 text-blue-800">
                <p class="mb-3">未列入国家重大项目清单和省级人民政府重大项目用地清单，</p>
                <p>按规定使用
                  <InputField v-model="singleLocationForm.县名称" placeholder="县名称" width="w-24" />
                  本年度存量土地处置规模为基础核定的
                  <InputField v-model="singleLocationForm.指标类型" placeholder="指标类型" width="w-32" />
                  。</p>
          </div>
          </div>
        </div>
        
        <!-- 批次用地模板 -->
        <div v-else>
          <h3 class="text-lg font-semibold text-gray-800 mb-3">(二)批次用地</h3>
          <div class="text-gray-700 space-y-3">
            <p>〔土地利用计划〕</p>
            
            <div class="section-block blue">
              <p class="mb-4">该批次用地符合土地利用计划管理规定。批次用地中
                <InputField v-model="batchLandForm.转用总面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷（农用地
                <InputField v-model="batchLandForm.农用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷、未利用地
                <InputField v-model="batchLandForm.未利用地面积" type="number" step="0.01" min="0" placeholder="面积" />
                公顷）需转为建设用地，</p>
            </div> 
            <!-- 是否使用专项计划 -->
            <div class="section-block green">
              <div class="flex items-center">
                <ToggleButton 
                  v-model="batchLandForm.使用专项计划" 
                  :options="[
                    { label: '是', value: '是' },
                    { label: '否', value: '否' }
                  ]" 
                />
                <label class="section-label red ml-2">是否使用专项计划：</label>
              </div>
              <!-- 如果使用专项计划 -->
              <p v-if="batchLandForm.使用专项计划 === '是'" >
                使用
                <InputField v-model="batchLandForm.专项指标类型" placeholder="专项指标类型" width="w-40" />
                。
              </p>
              
              <!-- 如果不使用专项计划 -->
              <p v-else >
                按规定使用
                <InputField v-model="batchLandForm.县名称" placeholder="县名称" width="w-24" />
                以本年度存量土地处置规模为基础核定的计划指标。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!-- 复制按钮和显示复制的文本内容 -->
    <CopyToClipboard :text="generateCopyText()" />
  </div>
</template>

<style scoped>
/* 组件特定样式保留 */
</style>